<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网易云阅读--海量新闻、精彩资讯、图书、免费小说、漫画，免费畅读</title>
<meta name="keywords" content="小说，免费小说，热门小说，言情小说，小说下载，漫画，图书，热点新闻，好文章，电子书，免费杂志，网易，阅读，网易云阅读"/>
<meta name="description" content="网易云阅读提供丰富的原创小说、畅销好书、热门新闻和文章免费在线阅读和下载。包括文学、传记、艺术、经济管理，官场小说、都市小说、言情小说，热血漫画，旅游、电影杂志等。手机上支持Android、iPhone、iPad、Android Pad、Windows Phone、Windows8等多平台免费下载！"/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" href="./css/reset.css"/>
<!--引入style.css-->
<link rel="stylesheet" href="./css/style.css"/>
<link rel="shortcut icon" href="./favicon.ico"/>
<!--先不考虑苹果系统-->
<!--<link rel="apple-touch-icon" href="img/touchicon.png"/>-->
</head>
<body>
<!--整个文档-->
<div class="g-doc">
    <!--头部-->
    <div class="g-hd">
        <!--顶部固定条-->
        <div class="m-topbar">
            <div class="inner f-cb">
                <ul class="sns f-f1 f-cb">
                    <li><a href="#">网易云阅读</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">国风中文网</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">采薇书院</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#">从电脑导入书籍</a></li>
                    <li><span class="sep">|</span></li>
                    <li><a href="#" class="gzh">公众号</a>
                    <div class="m-codelayer">
                        <img src="./images/code-gzh.png" alt="" srcset="">
                    </div></li>
                </ul>
                <div class="ulink f-cb">
                    <span class="layer">
                        <a href="#" class="login">
                            登录 
                        <!-- login 图层 -->         
                        <div class="login-layer">
                            <ul>
                                <li><a href="#" class="child1">网易邮箱登录</a></li>
                                <li><a href="#">网易邮箱登录</a></li>
                                <li><a href="#">网易邮箱登录</a></li>
                                <li><a href="#">网易邮箱登录</a></li>
                            </ul>
                            <div class="sanjiao"><img src="./images/sanjiao.png" alt="" srcset=""></div>
                        </div>
                        </a> 
                    </span>
                    
                    <span class="sep">|</span>
                    <a href="#">注册</a> <span class="sep">|</span>
                    <a href="#">举报</a> 
                </div>
            </div>
         </div>
        <div class="m-headtop">
            <div class="inner">
                <div class="m-logo">
                    <img src="./images/logo.png">
                    <h1><a href="#">网易云阅读</a></h1>
                </div>
                <div class="m-sch">
                    <div class="search">
                        <form>
                            <input type="text" class="kua" name="key" autocomplete="off" value="唐诗里的烟火人间">
                            <button type="submit">
                                <img src="./images/sousuo.png">
                            </button>
                        </form>
                    </div>
                </div>
                <div class="m-clouds">
                    <a href="#" class="m-cloudzx"><img src="./images/dingyue.png">我的订阅</a>
                    <a href="#" class="m-cloudsj"><img src="./images/shujia.png">我的书架</a>
                </div>
            </div>
        </div>
        <div class="m-heardbottom">
            <div class="inner">
                <ul class="m-mainlist">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">出版图书</a></li>
                    <li><a href="#">国风中文网</a></li>
                    <li><a href="#">采薇书院</a></li>
                    <li><a href="#">排行榜</a></li>
                    <li class="fr"><a href="#"><img src="./images/zuozhe.png">作者中心</a></li>
                    <li class="fr"><a href="#"><img src="./images/chongzhi.png">充值</a></li>
                    <li class="fr"><a href="#"><img src="./images/kehuduan.png">客户端</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主题内容 --> 
     <div class="g-bd">
        <div class="g-mn">
            <div class="g-sec">
                <div class="m-slide"><img src="./images/lantu.jpg"></div>
                <div class="m-menu">
                    <div class="category">
                        <div class="sub">
                            <h3>国风中文网</h3>
                            <p><a href="#" class="hot">都市生活</a><span>|</span>
                               <a href="#" class="hot">官场职场</a><span>|</span>
                               <a href="#">玄幻仙侠</a></p>
                            <p><a href="#">悬疑探险</a><span>|</span>
                                <a href="#">灵异恐怖</a><span>|</span>
                                <a href="#">短篇小说</a></p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3>采薇书院</h3>
                            <p><a href="#">浪漫青春</a><span>|</span>
                               <a href="#" class="hot">都市言情</a><span>|</span>
                               <a href="#">古风古韵</a></p>
                            <p><a href="#">穿越架空</a><span>|</span>
                                <a href="#" class="hot">宫斗宅斗</a><span>|</span>
                                <a href="#">种田重生</a></p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3>图书</h3>
                            <p><a href="#" class="hot">小说作品</a><span>|</span>
                               <a href="#" class="hot">人文社科</a><span>|</span>
                               <a href="#">成功励志</a></p>
                            <p><a href="#">经济管理</a><span>|</span>
                                <a href="#">品质生活</a><span>|</span>
                                <a href="#">计算机</a></p>
                        </div>
                    </div>
                    <div class="category">
                        <div class="sub">
                            <h3>国风中文网</h3>
                            <p><a href="#" class="hot">新用户全场免费畅读5天</a></p>
                            <p><a href="#">10W+原创小说<span>|</span>8W+经典出版</a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="g-sec">
                <header><h2>主编推荐</h2></header>
                <div class="m-focus">
                    <div class="tabs">
                        <ul class="f-cb">
                            <li class="crt"><a href="#">小说</a><span>|</span></li>
                            <li class="ll"><a href="#">图书</a></li>
                        </ul>
                    </div>
                    <div class="contents">
                        <div class="tab-item">
                            <ul class="book">
                                <li>
                                    <div class="m-book-info">
                                        <a href="#" class="cover"><img src="./images/xiaoshuo1"></a>
                                        <h3><a href="#">官道风云</a></h3>
                                        <p>风和暖阳</p>
                                        <p class="disc">天地有正道，人间有正气。法官萧明不畏强权，不图金钱，秉持初心，手握法槌，面对各种势力，斗智斗勇，翻手为云，覆手为雨，一路升迁，一路红颜，一路行走在为老百姓主持公平正义的道路上……</p>
                                        <a href="#" class="read" title="立即阅读"></a>
                                    </div>
                                </li>
                                <li>
                                    <div class="m-book-info">
                                        <a href="#"></a>
                                        <h3></h3>
                                        <p></p>
                                        <p></p>
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li>
                                    <div class="m-book-info">
                                        <a href="#"></a>
                                        <h3></h3>
                                        <p></p>
                                        <p></p>
                                        <a href="#"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-sd">    
        </div>
     </div>            
    <div class="g-ft">
    </div>
</div>
</body>
</html>